<template>
	<div class="personal-center">
		<personal-information :src="userInfo.pic" :name="userInfo.realname" :address="userInfo.address"></personal-information>
		<operation src="clock.png" path="/public/message-list" title="消息通知" />
		<operation src="setting.png" path="/public/securitySettings" title="安全设置" />
		<tab-group :dataset="navButtonGroup" identity="5" index=3></tab-group>
	</div>
</template>

<script>
	import PersonalInformation from '../../components/currency/personal/information.vue';
	import Operation from '../../components/currency/personal/operation.vue';
	import TabGroup from "../../components/currency/tab/tab.vue";
	export default {
		name: "ReservoirMUser",
		components: {
			PersonalInformation,
			Operation, TabGroup
		},
		data() {
			return {
				navButtonGroup: [
					{
						name: "订单", route: { path: '/reservoirManagement/index' }
					},
					{
						name: "库存管理", route: { path: '/reservoirManagement/stockM' }
					},
					{
						name: "查询报价", route: { path: '/reservoirManagement/enquiry-quotation' }
					},
					{
						name: "个人中心", route: { path: '/reservoirManagement/personal-center' }
					}
				],
			}
		},
		computed: {
			userInfo() {
				return this.$store.state.options.user.oda
			}
		},
		methods: {
		}
	}
</script>

<style lang = "scss" scoped>
	.personal-center {
		.nav-menu-button {
			padding: 1rem;

			.header {
				margin-top: 0.2rem;
				padding-bottom: 1.3rem;
				border-bottom: 0.1rem solid #eeeeee;
			}

			.body {
				margin: 2rem 0rem 1.6rem;
			}
		}
	}
</style>
